<template>
    <div class="footer-box">
        <div class="footer-box-inner">
            <div class="title">友情链接：
            </div>
            <a  v-for="(item,index) in linkList" :key="index" :href="item.dictValue">{{item.dictLabel}}</a>
            <div class="line">

            </div>
            <div class="host">
                Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号
            </div>
    </div>
    </div>
</template>

<script>
    import {getFoorlink} from "../api";

    export default {
        name: "blackFooter",
        data(){
            return{
                linkList:[]
            }
        },
        created() {
            getFoorlink("blogroll").then(res=>{
                this.linkList=res.rows;
            })
        }
    }
</script>

<style scoped lang="less">
    * {
        margin: 0;
        padding: 0;
    }
    .line {
        border-bottom: 1px solid rgb(84, 84, 84);
        margin-left: 100px;
        margin-top: 40px;
    }
    .host {
        height: 30px;
        text-align: center;
    }
.footer-box {
    /*width: 100%;*/
    overflow: hidden;
    height: 197px;
    background: #444546;
    color: #999;
    font-size: 14px
}
.footer-box-inner {
    overflow: hidden;
    margin: 0px 159.6px;
    padding: 20px 0px;
    .title{
        font-size: 22px!important;
        margin: 16px 0;
    }
    a {
        margin-right: 30px;
        color:#999!important;
    }
    }
</style>